<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="Bootstrap/css/bootstrap.min.css">
<script src="Bootstrap/js/jquery-1.11.1.min.js"></script>
<script src="Bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript">
			$(function () {
				var title = $("#title").val();
				var release = $("#release").val();
				$(".title").html(JSON.parse(localStorage.user).title);
				$(".release").html(JSON.parse(localStorage.user).release);
			});
       </script>
<style type="text/css">
body,html {
	font-family: "微软雅黑";
	color: gray;
}

.bottom-menu {
	border-top: 1px solid #D3D3D3;
	margin: 0 auto;
	position: fixed;
	bottom: 0;
	text-align: center;
	background: #33CCCC;
}

.bottom-menu td {
	padding-top: 6px;
	font-size: 13px;
	height: 50px;
	width: 200px;
}
.bottom-menu a {
	color: #ffffff;
}

.my-center {
	background: #B22222;
	text-align: center;
}

.my-head {
	height: 80px;
	width: 80px;
	border-radius: 80px;
	border: 2px solid #66ffff;
	margin-left: 38%;
}

.head {
	padding-top: 10px;
	margin-left: 0;
	text-align: left;
	line-height: 25px;
	height: 90px;
}

.modal-body {
	height: 350px;
	margin-top: 30px;
}.basic-info{
text-align: center;
}
.modal-content{
margin-top: 90px;
}  .left_img{
	   width: 40%;
	   height:130px;
	   float: left;
	   padding: 10px;
   }
.left_img img{
	width: 100%;
	height: 110px;

}
.right_content{
	width: 100%;
	height:130px;

}
.ss{
	font-size: 14px;
	padding:5px;
	position:absolute;
	color: black;
}
.titl_1{
	width: 100%;
	height:80px;
}
.titl_2{
	width: 100%;
	margin-top: 10px;
	font-size: 12px;
	margin-top: 22px;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
	border: 0px;
    background-color: #33CCCC;
}
</style>
</head>
<body>
	<!--列表组-->
	<div style="background: url('images/3.jpg');">
	<a class="list-group-item active my-center">
		<span class="glyphicon glyphicon-chevron-left" style="float: left;" onclick="javascript:history.back(-1);">
	</span>我的主页</a>
	<div class="head"><a data-toggle="modal" data-target="#myModal" href="#"><img src="images/defaultHead.jpg" class="my-head" /></a></div><br>
	<div class='basic-info'>会员：1级&nbsp;&nbsp;奖励：******</div><br>
	</div>
	<div class="content">
		<a href="content.html"><div id="Info">
			<div class="left_img">
				<img alt="" src="images/6.jpg"/>
			</div>
			<!-- 内容块 -->
			<div class="right_content">
				<div class="titl_1">
				<span class="ss">如果你的站点用户是国内的，建议使站<br>
				<span style="font-size: 10px; color: gray;">如果你的站点用户是国内的，建议使站点用户是国使用谷歌的可以使用谷歌...</span></span>
				</div>
				<div class="titl_2">
					<span class="glyphicon glyphicon-eye-open"></span> 113<span style="float: right;s">9月20日&nbsp;&nbsp;&nbsp;</span>
				</div>
			</div>
		</div>
		</a>

	</div>
	</div>
	
	<!--底部导航菜单开始-->
	<!--<div class="bottom-menu">
		<table>
			<tr>
				<td><a href="index1.html"><span
						class="glyphicon glyphicon-home"></span> <br>首页</a></td>
				<td><a href="release.html"><span
						class="glyphicon glyphicon-pencil"></span><br>我要发布</a></td>
				<td><a href="my_collect.html" style="color:#66ffff;"><span
						class="glyphicon glyphicon-star"></span><br>我的收藏</a></td>
				<td><a href="mypage.html" ><span
						class="glyphicon glyphicon-th-list"></span><br>个人中心</a></td>
			</tr>
		</table>
	</div>-->
	<!--底部导航菜单结束-->

	<!-- 我的信息资料 -->
	<!-- 模态框（Modal） -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;</button>
					<h4 class="modal-title" id="myModalLabel" style="margin-left:42%;">个人资料</h4>
				</div>
				<div class="modal-body">
					<ul class="list-group">
						<li class="list-group-item">昵称：<span class="my-namec"></span></li>
						<li class="list-group-item">账号：<span class="my-id"></span></li>
						<li class="list-group-item">姓名：<span class="my-name"></span></li>
						<li class="list-group-item">手机号：<span class="my-tell"></span></li>
						<li class="list-group-item">邮箱：<span class="email"></span></li>
						<li class="list-group-item">学校：<span class="school"></span></li>
						<li class="list-group-item">地址：<span class="address"></span></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- /.modal -->
	</div>
	<!-- 我的资料结束 -->
</body>
</html>